<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<div class="option-menu tag-group">
    <button class="more-action-button action-menu-item mdl-button mdl-js-button mdl-button--fab">
      <i class="material-icons">whatshot</i>
  </button>
</div>
<div id="user-setting-content" class="user-settting mdl-card mdl-shadow--4dp">
    <div class="mdl-layout mdl-js-layout">
        <div class="mdl-layout__drawer">
          <span class="mdl-layout-title">SessionList</span>
          <nav class="mdl-navigation">
          </nav>
        </div>
        <main class="mdl-layout__content">
          <div class="page-content">
            <div class="user-setting-header">
                <h2>User Setting</h2>
            </div>
            <div class="setting-list">
                <div class="address-item mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input" type="text" id="host-address">
                    <label class="mdl-textfield__label" for="host-address">Host Address</label>
                  </div>
            </div>

            <div class="setting-footer">
                <button class="apply-button mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
                      Apply
                  </button>
            </div>
          </div>
        </main>
      </div>
</div>